import React, { Component } from 'react'
import { Button,Space,DatePicker} from 'antd';
import {
  WechatOutlined,
  WeiboSquareOutlined
} from '@ant-design/icons';

// antd5.0版本已经不需要按需引入样式了，内部会自动按需引入


const { RangePicker } = DatePicker;



const onChange = (date, dateString) => {
  console.log(date, dateString);
};

export default class App extends Component {

  render() {
    return (
      <div>
        <div>App</div>
        <button>按钮</button>
        <Button type="primary">Primary Button</Button>
        <Button type="link">link Button</Button>
        <Button>Button</Button>
        <WechatOutlined />
        <WeiboSquareOutlined />
        <hr />
        <br />
        <DatePicker onChange={onChange} />
        <hr />
        <br />
        <Space direction="vertical" size={12}>
          <RangePicker />
            <RangePicker showTime />
            <RangePicker picker="week" />
            <RangePicker picker="month" />
            <RangePicker picker="quarter" />
            <RangePicker picker="year" />
        </Space>
      </div>
    )
  }
}
